/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconHelpCircleFilled: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'px'} height={size + 'px'} style={style} {...rest}>
      <path
        d="M512 96c229.76 0 416 186.24 416 416s-186.24 416-416 416S96 741.76 96 512 282.24 96 512 96z m0 592a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM512.448 256C431.616 256 352 321.216 352 393.536a32 32 0 1 0 64 0l0.224-3.936c3.52-32.896 50.08-69.6 96.224-69.6C566.4 320 608 355.968 608 409.12l-0.256 4.608c-2.304 21.6-20.352 45.44-44.448 60l-4.832 2.752-19.584 10.4-10.752 6.016c-31.264 18.56-47.36 38.08-47.36 69.952l-0.064 37.856-0.096 0.832-0.096 1.824-0.224 0.576c-0.16 0.48-0.096 0.64 0.192 0.768l0.096 4.096 0.32 3.936 0.96 4.16 1.216 3.456 1.344 2.816 8.544 10.112 29.216 5.248 18.112-21.056 4.192-5.28 0.384-0.736-0.064-0.288-0.352-0.096 0.16-2.336 0.192-45.888 0.064-1.024c0.448-2.784 2.848-5.664 10.08-10.368l6.4-3.872 3.968-2.24 28.896-15.52c44.48-25.984 77.792-71.808 77.792-120.704C672 318.4 599.776 256 512.448 256z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconHelpCircleFilled.defaultProps = {
  size: 18,
};

export default IconHelpCircleFilled;
